<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<!--    加一下标签-->
<!--    总是使用最近的文档渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <!--优先使用 webkit ( Chromium ) 内核进行渲染, 针对360等浏览器-->
    <meta name="renderer" content="webkit">
    <!--[if lt ie 8]>
    <script src="html5shiv.js"></script>
    <![endif]-->
    <title>HTML5兼容问题</title>
</head>
<body>
<!--  头部标签 可以是 网页的头部 也可以是 一部分内容的头部-->
<header>
  <h1>欢迎来到尚品汇</h1>
</header>
<hr>
<!--  主导航-->
<nav>
  <ul>
    <li>秒杀</li>
    <li>会员</li>
    <li>购物车</li>
    <li>我的</li>
  </ul>
</nav>
<!--    主要内容区-->
<div class="page-content">
  //侧边栏
  <aside style="float: right">
    <nav>
      <ul>
        <li>点我抢现金</li>
        <li>会员优惠</li>
        <li>七夕特价</li>
        <li>一分带回家</li>
      </ul>
    </nav>
  </aside>
  <article>
    <h2>如何一夜暴富</h2>
    <section>
      <h3>第一种方法：做梦</h3>
      <div>如何做梦：xxxxxxxxxxxxxxxxxxx</div>
    </section>
    <section>
      <h3>第二种方法:傍富婆</h3>
      <div>如何傍富婆:XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div>
    </section>
    <section>
      <h3>第三种方法:猛攻前端</h3>
      <div>自学猛猛学就完事了</div>
    </section>
  </article>
</div>
<hr>
<!--    页脚-->
<footer class="page-footer">
  <nav>
    <ul>
      <li>关于我们</li>
      <li>联系客服</li>
      <li>快递种类</li>
      <li>感谢支持</li>
    </ul>
  </nav>
</footer>
</body>
</html>